.styles {
    width: 100%;
    height: 40px;
    padding: 5px 5px;
    display: flex;
    justify-content: flex-end;
    // background-color: rgb(46, 149, 25);

    :global {


        .content {
            display: flex;
            justify-content: center;
            height: 30px;
            align-items: center;

            div {
                padding: 2px;
            }

            .currentPage {
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                position: relative;
                // background-color: #8181817d;

                input {
                    display: flex;
                    width: 100%;
                    height: 100%;
                    align-items: center;
                    justify-content: center;

                    background-color: #0a4a7b22;
                    border: none;
                    outline: none;
                    text-align: center;
                }

                input[type=number]::-webkit-inner-spin-button,
                input[type=number]::-webkit-outer-spin-button {
                    -webkit-appearance: none;
                    margin: 0;
                }

                /* 对于Firefox */
                input[type=number] {
                    -moz-appearance: textfield;
                }

            }

            .icon {
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .totalPage {
                display: flex;
                width: 20px;
                align-items: center;
                justify-content: center;
            }

            .left-icon,
            .right-icon {
                display: flex;
                width: 20px;
                height: 100%;
                justify-content: center;
                align-items: center;
                cursor: pointer;


                &:hover {
                    color: rgba(6, 54, 187, 0.813);
                }

                &:active {
                    color: rgba(6, 105, 187, 0.813);
                }
            }
        }
    }
}